<template>
    <div>
        <button>原生的按钮</button>
        <input type="text">
        <hr>
        <el-row>
            <el-button>默认按钮</el-button>
            <el-button type="primary">主要按钮</el-button>
            <el-button type="success">成功按钮</el-button>
            <el-button type="info">信息按钮</el-button>
            <el-button type="warning">警告按钮</el-button>
            <el-button type="danger">危险按钮</el-button>
        </el-row>
        <el-date-picker
            v-model="value1"
            type="date"
            placeholder="请选择日期"
        >
        </el-date-picker>

        <el-row>
            <el-button icon="el-icon-search" circle></el-button>
            <el-button type="primary" icon="el-icon-edit" circlle></el-button>
            <el-button type="success" icon="el-icon-check" cirecle></el-button>
            <el-button type="info" icon="el-icon-message" circle></el-button>
            <el-button type="warning" icon="el-icon-star-off" circle></el-button>
            <el-button type="danger" icon="el-icon-delete" cirole></el-button>
        </el-row>
    </div>
</template>

<script>

    export default {
        name: 'App',
        data() {
            return {
                value1: ''
            }
        },
        methods: {
            handleClick() {
                console.log('点击了按钮')
            }
        }
    }
</script>
